.kp_big_screen {
  width: 100%;
  height: 100%;
  padding: 25px 10px 20px 40px;
}
.kp_big_screen .show {
  display: block;
}
.kp_big_screen .hide {
  display: none;
}
.kp_big_screen .dim {
  opacity: 0.3;
}
.kp_big_screen .hight {
  opacity: 1;
}
.kp_big_screen .kp_screen_top {
  width: 100%;
  height: 70%;
  position: relative;
}
.kp_big_screen .kp_screen_top .kp_rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 22%;
  height: 100%;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box {
  height: 100%;
  position: relative;
  margin-top: -6%;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box img {
  height: 100%;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_title {
  position: absolute;
  left: 28%;
  top: 8%;
  font-size: 1.2vw;
  color: #4bc1fe;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con {
  position: absolute;
  width: 76%;
  height: 36%;
  left: 45%;
  -webkit-transform: translate(-50%);
  top: 16%;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon5,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon4,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon3,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon2,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon1,
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .rank_books {
  width: 100%;
  height: 100%;
  padding: 6px 10px;
  background-repeat: round;
  -webkit-transition: all 1s;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../images/rank/polygon6.png);
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 {
  background-image: url(../images/rank/polygon5.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 {
  background-image: url(../images/rank/polygon4.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 .polygon3 {
  background-image: url(../images/rank/polygon3.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 .polygon3 .polygon2 {
  background-image: url(../images/rank/polygon2.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 .polygon3 .polygon2 .polygon1 {
  background-image: url(../images/rank/polygon1.png);
  background-repeat: round;
  position: relative;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 .polygon3 .polygon2 .polygon1 .rank_books {
  width: 80%;
  height: 80%;
  padding: 6px 10px 6px 10px;
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .polygon5 .polygon4 .polygon3 .polygon2 .polygon1 .rank_books img {
  width: 50%;
  position: absolute;
  left: 24%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .rank_flag {
  position: absolute;
  width: 2.5vw;
  height: 4vh;
  color: #fff;
  font-size: 0.6vw;
  line-height: 4vh;
  text-align: center;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_left_top {
  left: 19%;
  top: 0;
  background-image: url(../images/rank/green_left.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_left_mid {
  left: 4%;
  top: 41%;
  background-image: url(../images/rank/green_left.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_left_bot {
  left: 20%;
  bottom: 0;
  background-image: url(../images/rank/green_left.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_right_top {
  right: 19%;
  top: 0;
  background-image: url(../images/rank/green_right.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_right_mid {
  right: 4%;
  top: 41%;
  background-image: url(../images/rank/green_right.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_con .polygon6 .flag_right_bot {
  right: 20%;
  bottom: 0;
  background-image: url(../images/rank/green_right.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_des {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 50%;
  padding-top: 2%;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_des .rank_des_pub {
  width: 100%;
  height: 16%;
  padding-left: 8%;
  padding-top: 5%;
  font-size: 1vw;
  color: #9ca4b2;
}
.kp_big_screen .kp_screen_top .kp_rank .rank_box .rank_des .rank_des_pub span:nth-of-type(1) {
  font-size: 0.01vw;
  margin-right: 5%;
  color: #fff;
}
.kp_big_screen .kp_screen_top .kp_banner {
  height: 100%;
  width: 100%;
  padding: 0 30% 0 24%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header {
  position: relative;
  width: 100%;
  height: 15%;
  background-repeat: round;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .left_bg {
  float: left;
  width: 23%;
  margin-left: 3vw;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .left_bg img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .right_bg {
  float: right;
  width: 23%;
  margin-right: 3vw;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .right_bg img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .header_logo {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -102%);
  width: 40%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header .header_logo img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_header p {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -9%);
  font-size: 1.5vw;
  color: #4bc1fe;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con {
  width: 100%;
  height: 77%;
  margin-left: -1vw;
  flex-direction: column;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .kp_line_title {
  position: relative;
  width: 6vw;
  margin-left: 4vw;
  margin-bottom: 3vh;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .kp_line_title img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .kp_line_title p:nth-of-type(1) {
  position: absolute;
  width: 240%;
  font-size: 10px;
  left: 50%;
  top: 2px;
  color: #2d6c8c;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .kp_line_title p:nth-of-type(2) {
  width: 240%;
  position: absolute;
  font-size: 1.2vw;
  color: #4bc1fe;
  font-family: 'AdobeHeitiStd-Regular';
  left: 50%;
  top: 2vh;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic {
  height: 94%;
  margin-top: -10px;
  background-image: url(../images/banner/outer_border.png);
  background-repeat: round;
  padding: 1.5% 3% 6% 13%;
  overflow: hidden;
  position: relative;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg {
  width: 96%;
  height: 92%;
  background-image: url(../images/banner/mid_border.png);
  background-repeat: round;
  position: relative;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg .swiper-container {
  width: 100%;
  height: 104%;
  margin: auto;
  border-radius: 10% 0 10% 0;
  border: 1px solid #50b4ea;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_mid_bg #banner_mid_bg2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 14%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_run {
  width: 100%;
  overflow: hidden;
  padding-left: 20px;
  margin-top: 3.5%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_run ul li {
  float: left;
  list-style: none;
  width: 1.2%;
  margin-right: 5px;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .banner_run ul li img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .lamp_line {
  width: 80%;
  position: absolute;
  left: 13%;
  bottom: 6%;
}
.kp_big_screen .kp_screen_top .kp_banner .banner_con .banner_pic .lamp_line img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_borrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 28%;
  height: 100%;
  padding-left: 0;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date {
  width: 100%;
  height: 16%;
  color: #408fba;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_weather {
  float: left;
  margin-right: 2vw;
  font-size: 1vw;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time {
  float: left;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time #kp_clock {
  font-size: 1vw;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time #kp_t #t_h,
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time #kp_t #t_m {
  font-size: 2vw;
  margin-top: -2%;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time #kp_t #t_s {
  font-size: 1vw;
  margin-left: 2px;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_date .kp_time #kp_t #t_current {
  font-size: 10px;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon {
  width: 100%;
  height: 58%;
  margin-bottom: -4px;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line_title {
  position: relative;
  width: 6vw;
  margin-left: 3%;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line_title img {
  width: 100%;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line_title p:nth-of-type(1) {
  position: absolute;
  width: 240%;
  font-size: 10px;
  left: 50%;
  top: 2px;
  color: #2d6c8c;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line_title p:nth-of-type(2) {
  width: 240%;
  position: absolute;
  font-size: 1.2vw;
  color: #4bc1fe;
  font-family: 'AdobeHeitiStd-Regular';
  left: 50%;
  top: 2vh;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line {
  position: relative;
  width: 100%;
  height: 80%;
  margin-top: 5px;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line img {
  width: 92%;
}
.kp_big_screen .kp_screen_top .kp_borrow .kp_linecon .kp_line .line_title {
  position: absolute;
  left: 50%;
  top: 3%;
  -webkit-transform: translate(-50%);
  font-size: 1.2vw;
  color: #6ff2f7;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num {
  width: 100%;
  height: 10%;
  margin-top: 5%;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num ul {
  width: 100%;
  margin: auto;
  margin-bottom: 3%;
  padding-left: 3%;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num ul li {
  width: 18%;
  height: 100%;
  float: left;
  text-align: left;
  color: #fff;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num ul li p {
  margin-bottom: 3px;
  color: #3d8a8e;
  font-size: 0.5vw;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num ul li span {
  color: #70f5fc;
  font-size: 0.5vw;
}
.kp_big_screen .kp_screen_top .kp_borrow .borrow_num ul li span:nth-of-type(1) {
  font-size: 1.7vw;
}
.kp_big_screen .kp_screen_bottom {
  width: 100%;
  height: 30%;
}
.kp_big_screen .kp_screen_bottom .kp_count {
  width: 36%;
  height: 100%;
  float: left;
  padding-right: 4%;
}
.kp_big_screen .kp_screen_bottom .kp_count .kp_line_title {
  position: relative;
  width: 6vw;
  margin-left: 3%;
  margin-bottom: 3%;
}
.kp_big_screen .kp_screen_bottom .kp_count .kp_line_title img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_count .kp_line_title p:nth-of-type(1) {
  position: absolute;
  width: 240%;
  font-size: 10px;
  left: 50%;
  top: 2px;
  color: #2d6c8c;
}
.kp_big_screen .kp_screen_bottom .kp_count .kp_line_title p:nth-of-type(2) {
  width: 240%;
  position: absolute;
  font-size: 1.2vw;
  color: #4bc1fe;
  font-family: 'AdobeHeitiStd-Regular';
  left: 50%;
  top: 2vh;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num {
  height: 90%;
  margin-left: 20px;
  margin-top: -20px;
  background-image: url(../images/count/count_bg.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top {
  width: 100%;
  height: 74%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul {
  width: 100%;
  height: 100%;
  padding: 5% 8% 1% 6%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li {
  float: left;
  width: 33.33%;
  height: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_left {
  float: left;
  color: #fff;
  font-size: 1vw;
  text-align: right;
  margin-right: 1vw;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_left p:nth-of-type(2) {
  font-size: 1vw;
  color: #4bc1fe;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right {
  float: left;
  width: 30%;
  height: 100%;
  position: relative;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 {
  width: 70%;
  height: 100%;
  border: 1px solid #818b98;
  position: relative;
  margin: auto;
  /*overflow: hidden;*/
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner {
  width: 108%;
  height: 102%;
  border: 1px solid #818b98;
  position: absolute;
  top: 1px;
  right: 1px;
  /*background-color: #142f5c;*/
  /*background-image: url(static/images/count/copy/white_bar.png);*/
  /*background-repeat: round;*/
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner {
  width: 90%;
  height: 98%;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  background-color: #142f5c;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(1) {
  top: 56%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(2) {
  top: 50%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(3) {
  top: 44%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(4) {
  top: 39%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(5) {
  top: 33%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(6) {
  top: 28%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(7) {
  top: 22%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(8) {
  top: 17%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(9) {
  top: 11%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(10) {
  top: 6%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(11) {
  top: 0%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(12) {
  top: -5%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(13) {
  top: -11%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(14) {
  top: -16%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(15) {
  top: -22%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(16) {
  top: -27%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(17) {
  top: -33%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(18) {
  top: -38%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(19) {
  top: -44%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_top ul li .num_right .box2 .box2_inner_inner img:nth-of-type(20) {
  top: -49%;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_bottom {
  width: 83%;
  margin: auto;
  height: 24%;
  color: #1a89c3;
  font-size: 1em;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_bottom .box {
  width: 100%;
  margin: auto;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_bottom .box .rectangle_bg {
  width: 100%;
  height: 1.5em;
  position: relative;
  background-color: #142f5d;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_bottom .box .rectangle_bg .rectangle {
  height: 100%;
  width: 57%;
  background-color: #1a89c3;
  line-height: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 1em;
  color: #fff;
  text-align: right;
  font-size: 1.5em;
}
.kp_big_screen .kp_screen_bottom .kp_count .count_num .count_num_bottom .box .rectangle_bg .rectangle span:nth-of-type(2) {
  font-size: 0.5em;
}
.kp_big_screen .kp_screen_bottom .kp_notice {
  width: 35%;
  height: 100%;
  float: left;
}
.kp_big_screen .kp_screen_bottom .kp_notice .kp_line_title {
  position: relative;
  width: 6vw;
  margin-left: 3%;
  margin-bottom: 3%;
}
.kp_big_screen .kp_screen_bottom .kp_notice .kp_line_title img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_notice .kp_line_title p:nth-of-type(1) {
  position: absolute;
  width: 240%;
  font-size: 10px;
  left: 50%;
  top: 2px;
  color: #2d6c8c;
}
.kp_big_screen .kp_screen_bottom .kp_notice .kp_line_title p:nth-of-type(2) {
  width: 240%;
  position: absolute;
  font-size: 1.2vw;
  color: #4bc1fe;
  font-family: 'AdobeHeitiStd-Regular';
  left: 50%;
  top: 2vh;
}
.kp_big_screen .kp_screen_bottom .kp_notice .notice_con {
  width: 100%;
  height: 94%;
  margin-top: -30px;
  background-image: url(../images/notice.png);
  background-repeat: round;
}
.kp_big_screen .kp_screen_bottom .kp_notice .notice_con .notice_con_title {
  width: 100%;
  font-size: 1vw;
  text-align: center;
  padding-top: 1.5vh;
  color: #4bc1fe;
}
.kp_big_screen .kp_screen_bottom .kp_notice .notice_con .notice_con_list {
  width: 95%;
  height: 67%;
  padding: 5px 15px 15px 15px;
  margin: auto;
  margin-top: 15px;
  position: relative;
}
.kp_big_screen .kp_screen_bottom .kp_notice .notice_con .notice_con_list ul {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.2rem;
  color: #4bc1fe;
}
.kp_big_screen .kp_screen_bottom .kp_recommend {
  width: 26%;
  height: 100%;
  margin-top: -7vh;
  margin-left: 2vw;
  float: left;
  padding: 10px;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .kp_line_title {
  position: relative;
  float: left;
  width: 4vw;
  margin-left: 3%;
  margin-bottom: 3%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .kp_line_title img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .kp_line_title p:nth-of-type(1) {
  position: absolute;
  width: 5px;
  font-size: 10px;
  left: 90%;
  top: 30px;
  color: #2d6c8c;
  -webkit-transform: rotateZ(90deg);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .kp_line_title p:nth-of-type(2) {
  width: 20px;
  position: absolute;
  font-size: 1.2vw;
  color: #4bc1fe;
  left: 50%;
  top: 25px;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con {
  float: left;
  width: 70%;
  height: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 {
  width: 95%;
  height: 95%;
  position: relative;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle4 {
  width: 78%;
  position: absolute;
  left: 46.5%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle4 img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle {
  width: 72%;
  position: absolute;
  left: 46%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle3 {
  width: 68%;
  position: absolute;
  left: 46%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle3 img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle2 {
  width: 60%;
  position: absolute;
  left: 46%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle2 img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle1 {
  width: 50%;
  position: absolute;
  left: 46%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_circle1 img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_book {
  width: 30%;
  position: absolute;
  left: 47%;
  top: 64%;
  -webkit-transform: translate(-50%, -50%);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_con_book img {
  width: 100%;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_bot_border {
  width: 70%;
  height: 2em;
  position: absolute;
  left: 43%;
  bottom: -55%;
  -webkit-transform: translate(-50%, -50%);
  background-image: url(../images/recommend/bot_border.png);
  background-repeat: round;
  color: #4bc1fe;
  text-align: center;
  line-height: 2em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title {
  position: absolute;
  right: -15%;
  top: 25%;
  color: #4bc1fe;
  width: 8em;
  height: 1.5em;
  text-align: center;
  -webkit-transform: rotateZ(45deg);
  font-size: 1.5em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title span {
  float: left;
  margin-right: 0.5em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title span:nth-of-type(1) {
  -webkit-transform: rotateZ(-30deg);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title span:nth-of-type(2) {
  -webkit-transform: rotateZ(20deg);
  padding-top: -0.5em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title span:nth-of-type(3) {
  -webkit-transform: rotateZ(15deg);
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_title span:nth-of-type(4) {
  -webkit-transform: rotateZ(40deg);
  padding-top: 0.5em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_num {
  position: absolute;
  right: 7%;
  bottom: -12%;
  color: #4bc1fe;
  text-align: right;
  font-size: 0.5em;
}
.kp_big_screen .kp_screen_bottom .kp_recommend .recommend_con .recommend_con_circle5 .recommend_sao_num div:nth-of-type(1) {
  font-size: 1em;
}
